@import "constats.scss";
@import "../common/init.scss";



body{
    background:#ffffff;

}

.mask-wrapper{
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: rgba(0,0,0,0.3);
    // 溢出 不隐藏在y轴方向加滚动条
    overflow-y: scroll;
    display: none;
    z-index: 100;
    //background: red;

    .auth-wrapper{
        width:$authWrapperWidth;
        height:$authWrapperHeight;
        //background: #ffffff;
        //margin:40px auto;
        position: absolute;
        top:50%;
        left:50%;
        margin-left: -$authWrapperWidth/2;
        margin-top: -$authWrapperHeight/2+20px;

        .close-wrapper{
            width:100%;
            height:40px;
            background: #ffffff;
            .close-btn{
                // 行内元素 转为 行内块元素 可以指定宽高
                display: inline-block;
                width:30px;
                height: 30px;
                margin-top: 10px;
                float:right;
                color:$assistFontColor;
                cursor: pointer;
            }

        }
        .auth-inner-wrapper{
            width:100%;
            height:$authWrapperHeight - 40px;
            //background: #f76363;
            position: relative;
            overflow: hidden;
            .scroll-wrapper{
                width:$authWrapperWidth*2;
                height:100%;
                position: absolute;
                top:0;
                left:0;
                //background: yellow;
                .auth-group{
                    width:$authWrapperWidth;
                    //height: 100%;
                    padding:0 20px 20px;
                    box-sizing: border-box;
                    .top-group{
                        height:36px;
                        border-bottom:1px solid $lineColor;
                        line-height: 33px;
                        .title{
                            float:left;
                            color:$mainFontColor;
                            border-bottom:3px solid $themeColor;

                        }
                        .switch{
                            float:right;
                            color:$themeColor;
                        }
                    }
                    .form-group{
                        margin-top: 20px;
                        .input-group{
                            margin-bottom:20px;
                            height: 40px;
                            .remember-label{
                                font-size: 14px;
                            }
                            .submit-btn{
                                width:100%;
                                height:40px;
                                background: $themeColor;
                                color:#fff;
                                border:none;
                                border-radius: 5px;
                                cursor: pointer;
                            }
                            .form-control{
                                border:1px solid #cccccc;
                                padding:10px;
                                width:100%;
                                box-sizing: border-box;
                                outline: none;
                                height:40px;


                            }
                            .short-input-group{
                                width: 250px;
                                float: left;

                            }
                            .input-group-addon{
                                float:right;
                                width:100px;
                                .sms_captcha-btn{
                                    width:100%;
                                    height: 40px;
                                    border:1px solid $themeColor;
                                    color: $themeColor;
                                    display: inline-block;
                                    text-align: center;
                                    line-height: 40px;
                                    border-radius: 5px;
                                    // 边框不占距离 包在40px以内
                                    box-sizing: border-box;
                                    cursor: pointer;

                                }
                                .disabled{
                                    color:#cccccc;
                                    border-color: #cccccc;
                                }
                                .img_captcha{
                                    cursor: pointer;
                                }

                            }
                        }
                    }
                }
                .signin-group{
                    float: left;
                    background: #fff;
                }
                .signup-group{
                    float:left;
                    background:#ffffff;
                }
            }

        }


    }
}